<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>产品列表</title>
        <link href="favicon.ico" rel="shortcut icon">
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script src="./js/common/vue.js"></script>
        <script src="./js/common/vue-resource.js"></script>
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/product.css">
    </head>
    <body>
        <!--
            <div id="contn">
                <v-header></v-header>
                <v-main :parent-nav="nav" :parent-currentind="currentind" :parent-blocks="blocks" :parent-news="news"></v-main>
                <v-footer></v-footer>
            </div>
       -->
       <div class="container">
            <header class="flex flex-align-items">
                <p class="menuBtn flex flex-align-items flex-justify-content cursor">
                    <span></span>
                    <span></span>
                    <span></span>
                </p>
                <a href="index.html"><img src="img/common/logo.png" alt=""></a>
                <nav>
                    <p class="close cursor"></p>
                    <a href="about_professional.html">为什么选择朗翊</a>
                    <a href="product.html">选购空气净化器</a>
                    <a href="members.html">会员服务</a>
                    <a href="news.html">了解朗翊</a>
                </nav>
                <div class="right flex flex-align-items">
                    <img src="img/common/search.png" class="search cursor" alt="">
                    <i></i>
                    <div class="language">
                        <div class="mid">
                            <div class="inner">
                                <p>En</p> 
                                <p>Cn</p>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <main>
                <nav class="pageNav flex flex-justify-content">
                    <a href="product.html">空气净化器产品系列</a>
                    <a href="product_filter.html">朗翊滤网</a>
                </nav>
                <div class="heading">
                    <p class="pic">
                        <img src="img/product/banner.png" alt="">
                    </p>
                    <div class="fluid txt">
                        <p class="ttl">空气净化器产品系列</p>
                        <a href="" class="more">天猫官方旗舰店<span><img class="hvc" src="img/common/arw.png"></span></a>
                        <a href="" class="more">京东官方旗舰店<span><img class="hvc" src="img/common/arw.png"></span></a>
                    </div>
                </div>
                <div class="pro fluid">
                    <div class="box flex">
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p1.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p2.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p3.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p4.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p5.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p6.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p7.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                        <div class="item fillBf">
                            <div class="t">
                                <p class="ttl lg">经典系列</p>
                                <p class="des">HEPASilent™ 高效净化，适配不同面积需要</p>
                            </div>
                            <p class="pic"><img class="obj-c fill" src="img/index/p8.jpg" alt=""></p>
                            <a href="productInfo.html" class="hvc more">了解更多<span><img class="hvc" src="img/common/arw.png" alt=""></span></a>
                        </div>
                    </div>
                    
                </div>
              
            </main>
            <footer>
                <a href="javascript:;" class="toTop"><img src="img/common/toTop.png" class="hvc" alt=""></a>
                <div class="contact">
                    <div class="content flex">
                        <div class="txt">
                            <p class="ttl">政企采购咨询</p>
                            <p class="des">政府/企业采购，请拨打电话与我们联系，或填写右侧表单，朗翊将及时为您服务</p>
                            <p>联系电话</p>
                            <p class="phone">400 006 9693</p>
                        </div>
                        <form action="">
                            <div class="form-group">
                                <input type="text" id="name" placeholder="姓名">
                                <span>不能为空</span>
                            </div>
                            <div class="form-group">
                                <input type="text" id="name" placeholder="电话或电子邮箱">
                                <span>不能为空</span>
                            </div>
                            <div class="form-group">
                                <input type="text" id="name" placeholder="企业性质">
                                <span>不能为空</span>
                            </div>
                            <a href="javascript:;" class="more submit cursor hcb">
                                发送
                                <p><img src="img/common/next_h.png"><img src="img/common/arw.png"></p>
                            </a>
                        </form>
                    </div>
                </div>
                <div class="box clearfix">
                    <ul class="nav">
                        <li>
                            <a href="about_health.html">为什么需要洁净空气</a>
                            <a href="about_professional.html">为什么选择朗翊</a>
                            <a href="about_brand.html">品牌介绍</a>
                            <a href="https://mp.weixin.qq.com/s/BDItT-6dwQvT_3A0uExoFA">Blue Air Zone</a>
                        </li>
                        <li>
                            <a href="product.html">空气净化器</a>
                            <a href="product_filter.html">朗翊 滤网</a>
                            <a href="download.html">朗翊 App</a>
                            <a href="https://www.tmall.com/">Tmall旗舰店</a>
                            <a href="https://www.jd.com/">JD旗舰店</a>
                            <a href="store.html">零售店查询</a>
                            <a href="purchase.html">政企采购</a>
                        </li>
                        <li>
                            <a href="members.html">产品注册</a>
                            <a href="problem.html">Q&amp;A</a>
                            <a href="https://weibo.com/">客服咨询</a>
                        </li>
                        <li>
                            <a href="contact.html">联系我们</a>
                        </li>
                    </ul>
                    <div class="dwld">
                        <p>APP下载</p>
                        <div class="links">
                            <a href="" class="flex flex-align-items">
                                <img src="img/common/ios.png" alt="ios">IOS系统
                            </a>
                            <a href="" class="flex flex-align-items">
                                <img src="img/common/android.png" alt="ios">Android系统
                            </a>
                            <a href="" class="flex flex-align-items">
                                <img src="img/common/appStore.png" alt="app store">华为商城
                            </a>
                        </div>
                    </div>
                </div>
                <div class="footage flex flex-align-items">
                    <div class="media">
                        <div class="item">
                            <img src="img/common/vx.png" class="hvc" alt="media logo">
                            <p class="code flex flex-align-items">
                                <img src="img/common/code.png" alt="">
                                <span>
                                    朗翊 空气净化机<br>官方微信服务号
                                </span>
                            </p>
                        </div>
                        <div class="item">
                            <img src="img/common/sina.png" class="hvc" alt="media logo">
                        </div>
                    </div>
                    <p class="t"><span>© 2020 博露雅迩(上海)商贸有限公司</span> <a href="https://beian.miit.gov.cn/">沪ICP备12049900号</a></p>
                </div>
            </footer>
       </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="./js/common/dataUrl.js"></script>
        <script src="js/common/header.js"></script>
        <script src="js/common/footer.js"></script>
        <script>
            /*
            var contn = new Vue({
                el:'#contn',
                data:{

                },
                methods:{
                    
                    writingWeb:function(){
                        
                    },
                },
                created:function(){
                    this.writingWeb();
                },
                mounted:function(){
                    ifMounted = true;
                },
                components:{
                    vMain:{
                        template: '#vMain',
                        methods:{
                            
                        },
                        props:[],
                    },
                },
            })
            */
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        
    </body>
</html>